<script setup>
</script>

<template>
  <div class="footer-container">
    <div class="footer-links">
      <span>关于我们</span>
      <span>|</span>
      <span>联系我们</span>
      <span>|</span>
      <span>帮助中心</span>
      <span>|</span>
      <span>我的国货</span>
      <span>|</span>
      <span>站点地图</span>
    </div>
    <div class="footer-copyright">
      Copyright © 2022-2024 国货之光有限公司版权所有
    </div>
  </div>
</template>

<style scoped>
.footer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 0;
  width: 1600px; /* 设置宽度为1600px */
  margin: 0 auto; /* 居中于页面 */
}

.footer-links {
  margin-bottom: 10px;
}

.footer-links span {
  color: #888; /* 灰色字体 */
  font-size: 14px;
  margin: 0 10px;
}

.footer-links span:first-child {
  margin-left: 0;
}

.footer-links span:last-child {
  margin-right: 0;
}

.footer-copyright {
  color: #310b12; /* 灰色字体 */
  font-size: 14px;
  font-weight: bold;
}
</style>